<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            padding: 0px;
            margin: 0px;
            font-size: 12px;
        }

        a {
            color: #000;
            text-decoration: none;
        }

        ul {
            list-style: none;
        }

        dl, dt, dd {
            display: block;
        }

        dl {
            clear: both;
            height: 30px;
            width: 670px;
            line-height: 30px;
        }

        dl dt {
            width: 100px;
            padding-left: 10px;
            float: left;
        }

        dl dd {
            float: left;
        }

        dl dd a {
            margin: 3px;
        }

        dl dd.more {
            float: right;
            margin-right: 10px;
        }
    </style>
</head>
<body>
<div class="content">
    <dl>
        <dt><a href="#">[页游]</a></dt>
        <dd>
            <ul>
                <li><a href="#">枪魂</a>
                    <a href="#">女神联盟</a> <a
                            href="#">37WAN游戏</a> <a
                            href="#">武易</a> <a
                            href="#">斗圣</a> <a
                            href="#">烈焰</a> <a
                            href="#">大闹天宫OL</a></li>
            </ul>
        </dd>
        <dd class="more"><a href="#">更多&gt;&gt;</a></dd>
    </dl>
    <dl class="s1">
        <dt><a href="#">[小游戏]</a></dt>
        <dd>
            <ul>
                <li><a href="#">4339小游戏</a> <a
                        href="#">6949小游戏</a> <a
                        href="#">3155小游戏</a> <a
                        href="#">4399i小游戏</a> <a
                        href="#">3199小游戏</a> <a
                        href="#">7k7k7小游戏</a></li>
            </ul>
        </dd>
        <dd class="more"><a href="#">更多&gt;&gt;</a>
        </dd>
    </dl>
    <dl>
        <dt><a href="#">[影视]</a></dt>
        <dd>
            <ul>
                <li><a href="#">爱奇艺高清</a><a
                        href="#">土豆网</a><a
                        href="#">CNTV</a>
                    <a href="#">KK美女视频</a> <a
                            href="#">六间房</a>
                </li>
            </ul>
        </dd>
        <dd class="more"><a href="#">更多&gt;&gt;</a>
        </dd>
    </dl>
    <dl class="s1">
        <dt><a href="#">[小说]</a></dt>
        <dd>
            <ul>
                <li><a href="#">起点女生网</a> <a
                        href="#">纵横中文网</a> <a
                        href="#">杂志铺</a><a
                        href="#">潇湘书院</a> <a
                        href="#">起点</a> <a
                        href="#">言情小说吧</a></li>
            </ul>
        </dd>
        <dd class="more"><a href="#">更多&gt;&gt;</a>
        </dd>
    </dl>
    <dl>
        <dt><a href="#">[游戏]</a></dt>
        <dd>
            <ul>
                <li><a href="#">同城游棋牌</a><a
                        href="#">新浪游戏</a><a
                        href="#">5173游戏交易</a><a
                        href="#">17173游戏</a><a
                        href="#">多玩游戏</a></li>
            </ul>
        </dd>
        <dd class="more"><a href="#">更多&gt;&gt;</a>
        </dd>
    </dl>
    <dl class="s1">
        <dt><a href="#">[音乐]</a></dt>
        <dd>
            <ul>
                <li><a href="#">一听音乐网</a> <a
                        href="#">搜狗音乐</a> <a
                        href="#">百度mp3</a> <a
                        href="#">音悦台MV</a> <a
                        href="#">快乐男声</a></li>
            </ul>
        </dd>
        <dd class="more"><a href="#">更多&gt;&gt;</a>
        </dd>
    </dl>
    <dl>
        <dt><a href="#">[交友]</a></dt>
        <dd>
            <ul>
                <li><a
                        href="#">世纪佳缘</a>
                    <a href="#">同城交友网</a><a
                            href="#">珍爱网</a><a
                            href="#">美女秀场</a> <a
                            href="#">非诚勿扰</a></li>
            </ul>
        </dd>
        <dd class="more"><a href="#">更多&gt;&gt;</a>
        </dd>
    </dl>
    <dl class="s1">
        <dt><a href="#">[旅游]</a></dt>
        <dd>
            <ul>
                <li><a
                        href="#">携程旅游</a><a
                        href="#"
                        class="green">途牛旅游网</a><a href="#">云南旅游</a><a
                        href="#">艺龙订酒店</a> <a
                        href="#">去哪儿旅游</a> <a
                        href="#">迪士尼门票</a> <a
                        href="#">同程机票</a></li>
            </ul>
        </dd>
        <dd class="more"><a href="#">更多&gt;&gt;</a>
        </dd>
    </dl>
</div>
    <script src="scripts/dev/jquery-3.4.1.js"></script>
    <script>
        $(function () {
            $('dl:odd').css({'background': '#ececec'});
        });
    </script>
</body>
</html>